<template>
	<view>
		<view class="container">
			<view class="content">
				<text class="iconfont icon-wushuju"></text>
				<text class="cont">亲,您还没有收到收货列表</text>
			</view>
			<view class="footer-fixed">
					<view class="order-bt" @tap='createAddress()'>添加新地址</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
		
		methods:{
			createAddress(){
				uni.showToast({
					title:"添加新地址"
				})
			}
		}
	}
</script>

<style lang="scss">
@import url("/static/css/iconfont.css");
.container {
  background-color: #F7F7F7;
  height: 100vh;
    
  .content{
  	padding: 250rpx 100rpx;
  	box-sizing: border-box;
  	.iconfont{
  		font-size: 150rpx;
  		color: #ccc;
  		text-align: center;
  		display: block;
  		margin-bottom: 12rpx;
  	}
  	.cont{
  		display: block;
  		text-align: center;
  		font-size: 30rpx;
  		color: #999;
  	}
  }
  .footer-fixed{
  	position: fixed;
  	display: flex;
  	bottom: 0px;
  	left: 0px;
  	right: 0px;
  	height: 46px;
  	z-index: 11;
  	box-shadow: 1px,5px,15px,rgba(50,50,50,0.3);
  	background: #FFFFFF;
  }
  
  .order-bt{
  	width: 100%;
  	background-color: #ff495e;
  	color: #FFFFFF;
  	text-align: center;
  	line-height: 46px;
  	height: 46px;
  	font-size: 32rpx;
  }
}
</style>
